<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>黎世阁-账户信息</title>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../personal.css/index.css"/>
    <script src="../js/jquery.min.js"></script>
    <script type="text/javascript">
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;

                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
            recalc();
        })(document, window);

    </script>
</head>
<body style="background:#f0f0f0" >

<div class="top">
<div class="header">
<i class="iconfont setting fl" >&#xe606;</i>
<i class="iconfont talk fr">&#xe6d2;</i>
    <div class="talkNum">99+</div>
</div>
    <div class="userImg">
        <img src="../personal_img/head.jpg" alt="">
    </div>
    <div class="userName">
        Sunshine
    </div>
</div>
<div class="order">
<div class="order_title">
<p class="fl">
    买买买
</p>
    <i class="iconfont fr more">&#xe603;</i>
    <p class="fr">
        查看全部订单
    </p>

</div>
    <ul class="order_list clearfix">
        <li class="order_item">
<i class="iconfont" >&#xe60f;</i>
<p>待付款</p>
        </li>
        <li class="order_item">
            <span class="biaoji">1</span>
            <i class="iconfont" >&#xe60b;</i>
            <p>待发货</p>
        </li>
        <li class="order_item">
            <i class="iconfont">&#xe622;</i>
            <p>已发货</p>
        </li>
        <li class="order_item" >
            <i class="iconfont" >&#xe623;</i>
            <p>订单成功</p>
        </li>
        <li class="order_item">
            <i class="iconfont">&#xe626;</i>
            <p>售后订单</p>
        </li>
    </ul>
</div>
<div class="order">
    <div class="order_title">
        <p class="fl">
           我的
        </p>


    </div>
    <ul class="order_list clearfix" style="padding-bottom: 0.2rem">
        <li class="order_item">
            <i class="iconfont" style="color:#5497e4;" >&#xe671;</i>
            <p>余额</p>
        </li>

        <li class="order_item">
            <i class="iconfont" style="color:#ef2d23;" >&#xe628;</i>
            <p>优惠券</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#f9bf00;" >&#xe62a;</i>
            <p>积分</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#ef2d23;" >&#xe629;</i>
            <p>关注</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#98cd5a;" >&#xe62b;</i>
            <p>足迹</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#f9bf00;" >&#xe623;</i>
            <p>评价</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#5497e4;" >&#xe62c;</i>
            <p>意见建议</p>
        </li>
        <li class="order_item">
            <i class="iconfont" style="color:#98cd5a;font-size: 0.6rem" >&#xe632;</i>
            <p>退出</p>
        </li>
    </ul>
</div>
<footer>
    <ul class="clearfix">
        <li>
            <div class="iconfont_box">
                <i class="iconfont">&#xe600;</i>
            </div>
            <div class="iconfont_box_1">
                <i class="iconfont">&#xe612;</i>
            </div>
            <span>首页</span>
        </li>

        <li>
            <div class="iconfont_box">
                <i class="iconfont">&#xe6b3;</i>
            </div>
            <div class="iconfont_box_1">
                <i class="iconfont">&#xe616;</i>
            </div>
            <span>知识</span>
        </li>
        <li>
            <div class="iconfont_box">
                <i class="iconfont">&#xe6b2;</i>
            </div>
            <div class="iconfont_box_1">
                <i class="iconfont">&#xe614;</i>
            </div>
            <span>论坛</span>
        </li>
        <li>
            <div class="iconfont_box">
                <i class="iconfont">&#xe698;</i>
            </div>
            <div class="iconfont_box_1">
                <i class="iconfont">&#xe611;</i>
            </div>
            <span>购物车</span>
        </li>
        <li>
            <div class="iconfont_box">
                <i class="iconfont">&#xe6b8;</i>
            </div>
            <div class="iconfont_box_1">
                <i class="iconfont">&#xe615;</i>
            </div>
            <span>我的</span>
        </li>
    </ul>
</footer>
<script>

    $("footer ul li").click(function () {
        $("footer ul li").find("span").css('color','#b6b6b7');
        $(".iconfont_box_1").hide();
        $(".iconfont_box").show();
        $(this).find('.iconfont_box_1').show();
        $(this).find(".iconfont_box").hide();
        $(this).find("span").css('color','#5f5d5d');
    });
</script>
</body>

</html>